<template>
  <van-popup v-model="value" position="bottom" :style="{ height: '80%' }">
    <!-- 职业类型 -->
    <SelectItem title="职业类型" />
    <!-- 学历 -->
    <SelectItem title="学历" />
    <!-- 名族 -->
    <SelectItem title="民族" />
    <!-- 婚姻状态 -->
    <SelectItem title="婚姻状态" />
    <!-- 星座 -->
    <SelectItem title="星座" />
    <!-- 生肖 -->
    <SelectItem title="生肖" />
    <!-- 工作年限 -->
    <SelectItem title="工作年限" />
    <!-- 主要技能 -->
    <SelectItem title="主要技能" />
    <ScreenButton />
  </van-popup>
</template>

<script>
import SelectItem from './selectItem.vue'
import ScreenButton from '@/components/screenButton'
export default {
  name: 'SelectPopup',
  components: {
    SelectItem,
    ScreenButton
  },
  props: {
    value: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {}
  },
  created () {},
  mounted () {},
  methods: {}
}
</script>

<style scoped lang="less">
</style>
